<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<div style="overflow-x: hidden;">
    <ul class="nav nav-tabs" id="myTab">
        <li id="taskMapLi" style="width: 120px; text-align: center;" class="active">
            <a href="#replayMap" id="taskMaplab" role="tab" data-toggle="tab">数据地图</a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane fade" id="replayinfo">
            <div id="searchBlock">
                <form id="searchForm">
                    <div class="row">
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label for="startTimeCondition" class="col-md-4 control-label"></span>开始时间:</label>
                                <div class="col-md-8">
                                    <input id="startTimeCondition" type="text" name="startTimeCondition"
                                           class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label for="endTimeCondition" class="col-md-4 control-label"></span>结束时间:</label>
                                <div class="col-md-8">
                                    <input id="endTimeCondition" type="text" name="endTimeCondition"
                                           class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="projectName"></span>项目名称</label>
                                <div class="col-md-8">
                                    <select class="form-control" id="projectName" name="projectName">
                                        <option value="" disabled selected style="display:none;">请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="taskName"></span><span
                                        class="requird">*</span>任务名称</label>
                                <div class="col-md-8">
                                    <select class="form-control" id="taskName" name="taskName">
                                        <option value="" disabled selected style="display:none;">请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <!--
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label for="taskIdCondition" class="col-md-4 control-label"></span>任务Id:</label>
                                <div class="col-md-8">
                                    <input id="taskIdCondition" type="text" name="taskIdCondition" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 form-horizontal">
                            <div class="form-group">
                                <label for="remarkCondition" class="col-md-4 control-label"></span>备注:</label>
                                <div class="col-md-8">
                                    <input id="remarkCondition" type="text" name="remarkCondition" class="form-control">
                                </div>
                            </div>
                        </div>
                        -->
                    </div>
                    <div class="row" style="text-align: center;">
                        <button id="btnSearch" class="btn btn-default" type="button">查询</button>
                        <button id="btnReset" class="btn btn-default" type="button">重置</button>
                    </div>
                </form>
            </div>
            <div id="hddcCjHistorypointsGrid" style="height: 515px;"></div>
        </div>

        <div class="tab-pane fade in active" id="replayMap">
            <div id="hddctask-mapDiv" class="init-mapDiv">
                <div id="hddctask-map" style="position:absolute;top:0px;left:0px;width:1360px;height:496px;"></div>
                <div id="maptype_displaybutton">
                    <!--<input type="button" id="button-maptypeDisplayDiv" style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;' value="底图" />-->
                    <img style='cursor:pointer;width:60px;height:60px;' id="imgoperate-DisplayDivSelect" title="底图选择"
                         src="/hdc/static/app/hddc/hddccjtask/images/maptype0.png">
                </div>
                <div id="maptype_displaybutton2">
                    <p id="operate-DisplayDiv"><img style='cursor:pointer;' id="imgoperate-DisplayDiv" title="上传"
                                                       src="/hdc/static/app/hddc/hddccjtask/images/gongjuxiangoff.png"><br/><span
                            style='border:0;cursor:pointer;'>上传</span></p>

                    <!--<input type="button" id="button-maptypeDisplayDiv"
                           style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;'
                           value="管理"/>-->
                </div>
                <div id="maptype_displaybutton1">
                    <p id="operate-DisplayDiv1"><img style='cursor:pointer;' id="imgoperate-DisplayDiv1" title="管理"
                                                    src="/hdc/static/app/hddc/hddccjtask/images/guanlioff.png"><br/><span
                            style='border:0;cursor:pointer;'>管理</span></p>

                    <!--<input type="button" id="button-maptypeDisplayDiv"
                           style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;'
                           value="管理"/>-->
                </div>
                <div id="maptype_fangdabutton">
                    <p id="fangda-DisplayDiv"><img style='cursor:pointer;' id="imgfangda-DisplayDiv" title="放大"
                                                   src="/hdc/static/app/hddc/hddccjtask/images/fangda.png"><br/><span
                            style='border:0;cursor:pointer;'>放大</span></p>
                </div>
                <div id="maptype-maptypeDisplayDiv" style="display:none">
                    <div id="maptype1-DisplayDiv" class="maptypeselect" align="left"
                         style="margin-left:18px;margin-right:10px;float:left"><img id="maptype1-DisplayImage"
                                                                                    style='cursor:pointer;display:block;margin-top: 8px;'
                                                                                    title="地图"
                                                                                    src="/hdc/static/app/hddc/hddccjtask/images/vec.jpg"><br/><span
                            id="maptype1-DisplayName"
                            style='text-align: center;display:block;font-size:14px;'>标准地图</span></div>
                    <div id="maptype2-DisplayDiv" class="maptypeselect" align="left"
                         style="margin-left:10px;margin-right:10px;float:left"><img id="maptype2-DisplayImage"
                                                                                    style='cursor:pointer;display:block;margin-top: 8px;'
                                                                                    title="影像"
                                                                                    src="/hdc/static/app/hddc/hddccjtask/images/img.jpg"><br/><span
                            id="maptype2-DisplayName"
                            style='text-align: center;display:block;font-size:14px;'>影像地图</span></div>
                    <div id="maptype3-DisplayDiv" class="maptypeselect" align="left"
                         style="margin-left:10px;margin-right:10px;float:left"><img id="maptype3-DisplayImage"
                                                                                    style='cursor:pointer;display:block;margin-top: 8px;'
                                                                                    title="地形"
                                                                                    src="/hdc/static/app/hddc/hddccjtask/images/ter.jpg"><br/><span
                            id="maptype3-DisplayName"
                            style='text-align: center;display:block;font-size:14px;'>地形地图</span></div>
                    <div id="maptype4-DisplayDiv" class="maptypeselect" align="left"
                         style="margin-left:10px;margin-right:10px;float:left"><img  id="maptype4-DisplayImage"
                                                                                     style='cursor:pointer;display:block;margin-top: 8px;'
                                                                                     title="0.8米影像"
                                                                                     src="/hdc/static/app/hddc/hddccjtask/images/0.8m.png"><br/><span
                            id="maptype4-DisplayName"
                            style='text-align: center;display:block;font-size:14px;'>0.8米影像</span></div>
                </div>
                <div id="maptype-dataoperate" style="display:none">
                    <div class="col-md-12 form-horizontal">
                        <div class="form-group">
                            <p title="请使用【CGCS2000】坐标系" style="font-size:14px;float:left;color: red;line-height: 25px;margin-left: 25px;overflow: hidden;white-space: nowrap;width: 210px;text-overflow: ellipsis;">请使用【CGCS2000】坐标系</p>
                            <input type="button" id="button-closeForm"
                                   style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;'
                                   value="关闭"/>
                        </div>
                        <div class="form-group">
                            <label for="provinceSelect" class="col-md-4 control-label"></span>省:</label>
                            <div class="col-md-8">
                                <select class="form-control" id="provinceSelect" name="provinceSelect">
                                    <option value="" disabled selected style='display:none;'>请选择</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 form-horizontal">
                        <div class="form-group">
                            <label for="citySelect" class="col-md-4 control-label"></span>市:</label>
                            <div class="col-md-8">
                                <select class="form-control" id="citySelect" name="citySelect">
                                    <option value="" disabled selected style='display:none;'>请选择</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 form-horizontal">
                        <div class="form-group">
                            <label for="areaSelect" class="col-md-4 control-label"></span>区（县）:</label>
                            <div class="col-md-8">
                                <select class="form-control" id="areaSelect" name="areaSelect">
                                    <option value="" disabled selected style='display:none;'>请选择</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 form-horizontal" style="margin-bottom: 10px">
                        <div class="form-group">
                            <div class="col-md-4 control-label">
                                <label for="selectdDtaType"></span>数据类型：</label>
                                <a id="dataExpress">字段说明</a>
                            </div>
                            <div class="col-md-8">
                                <select class="form-control" id="selectdDtaType" name="selectdDtaType">
                                    <option value="" disabled selected style="display:none;">请选择</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 form-horizontal">
                        <div class="form-group">
                            <!--<label class="col-md-4 control-label" for="commentInfo">文件</label>-->
                            <!--<input type="button" id="button-selectfile" style='width:85px;height:25px;cursor:pointer;margin-left:10px;margin-top:2px;font-size:14px;float:left;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;' value="文件选择" />-->
                            <div class="col-md-4">
                                <input type="file" style="width: 70px;" id="button-selectfile" name="button-selectfile"
                                       multiple="multiple"/>
                            </div>
                            <div class="col-md-8">
                                <textarea style="resize: none" rows="3" class="form-control" id="commentInfo" name="commentInfo" readonly />
                            </div>
                        </div>
                    </div>
                    <!--<input type="button" id="button-export"
                           style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;'
                           value="下载"/>-->
                    <input type="button" id="button-import"
                           style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;'
                           value="上传"/>
                    <!--<input type="button" id="button-search"
                           style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:left;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;'
                           value="查询"/>-->
                </div>
                <div id="maptype-dataoperate1" style="display:none">
                    <div class="col-md-12 form-horizontal">
                        <div class="form-group">
                            <input type="button" id="button-closeForm1"
                                   style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;'
                                   value="关闭"/>
                        </div>
                        <div class="form-group">
                            <label for="provinceSelect1" class="col-md-4 control-label"></span>省:</label>
                            <div class="col-md-8">
                                <select class="form-control" id="provinceSelect1" name="provinceSelect1">
                                    <option value="" disabled selected style='display:none;'>请选择</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 form-horizontal">
                        <div class="form-group">
                            <label for="citySelect1" class="col-md-4 control-label"></span>市:</label>
                            <div class="col-md-8">
                                <select class="form-control" id="citySelect1" name="citySelect1">
                                    <option value="" disabled selected style='display:none;'>请选择</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 form-horizontal">
                        <div class="form-group">
                            <label for="areaSelect1" class="col-md-4 control-label"></span>区（县）:</label>
                            <div class="col-md-8">
                                <select class="form-control" id="areaSelect1" name="areaSelect1">
                                    <option value="" disabled selected style='display:none;'>请选择</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 form-horizontal" style="margin-bottom: 10px">
                        <div class="form-group">
                            <div class="col-md-4 control-label">
                                <label for="selectdDtaType"></span>数据类型：</label>
                                <!--<a id="dataExpress">字段说明</a>-->
                            </div>
                            <div class="col-md-8">
                                <select class="form-control" id="selectdDtaType1" name="selectdDtaType1">
                                    <option value="" disabled selected style="display:none;">请选择</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <!--<div class="col-md-12 form-horizontal">
                        <div class="form-group">
                            &lt;!&ndash;<label class="col-md-4 control-label" for="commentInfo">文件</label>&ndash;&gt;
                            &lt;!&ndash;<input type="button" id="button-selectfile" style='width:85px;height:25px;cursor:pointer;margin-left:10px;margin-top:2px;font-size:14px;float:left;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;' value="文件选择" />&ndash;&gt;
                            <div class="col-md-4">
                                <input type="file" style="width: 70px;" id="button-selectfile1" name="button-selectfile1"
                                       multiple="multiple"/>
                            </div>
                            <div class="col-md-8">
                                <textarea style="resize: none" rows="3" class="form-control" id="commentInfo" name="commentInfo" readonly />
                            </div>
                        </div>
                    </div>-->
                    <!--<input type="button" id="button-export"
                           style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;'
                           value="下载"/>
                    <input type="button" id="button-import"
                           style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;'
                           value="上传"/>-->
                    <input type="button" id="button-search"
                           style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;'
                           value="查询"/>
                </div>
                <div id="spacelayer-setDivPosition" style="display:block">
                    <p id="spacelayer-DisplayDiv"><img style='cursor:pointer;' id="imgspacelayer-DisplayDiv" title="图层"
                                                       src="/hdc/static/app/hddc/hddccjtask/images/tucengoff.png"><br/><span
                            style='border:0;cursor:pointer;'>图层</span></p>
                </div>
                <div id="searchresultDiv" style="display:none;">
                    <div>
                        <input type="button" id="button-searchcloseForm"
                               style='width:50px;height:25px;cursor:pointer;margin:2px 5px 0px 90%;font-size:14px;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;'
                               value="关闭"/>
                    </div>
                    <div id="dataGrid" style="height: 470px;"></div>
                </div>
                <!--数据类型说明表格-->
                <div id="dataExpressDiv" style="display:none;">
                    <p style="display: inline-block;font-weight: bold;margin-left: 15px;line-height: 25px">字段说明:</p>
                    <input type="button" id="dataExpressCloseBtn" style="float: right;height: 25px;" value="关闭"/>
                    <div id="dataExpressGrid"></div>
                </div>
                <!-- 右键菜单-->
                <div id="layerContextMenuDiv">详细信息</div>
            </div>
        </div>
    </div>
</div>


<!-- 模态框（Modal） -->
<!--<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="uploadModalLabel" aria-hidden="true">-->
    <!--<div class="modal-dialog" style="width: 800px">-->
        <!--<div class="modal-content">-->
            <!--<div class="modal-header">-->
                <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>-->
                <!--<h4 class="modal-title" id="uploadModalLabel">上传外业数据</h4>-->
            <!--</div>-->
            <!--<div class="modal-body">-->
                <!--<div id="dataExpressGrid"></div>-->
            <!--</div>-->
            <!--<div class="modal-footer">-->
                <!--<button type="button" id="uploadButton" class="btn btn-primary">确定</button>-->
                <!--<button type="button" id="delGw" class="btn btn-default" data-dismiss="modal">关闭</button>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
</html>

